<template>
  <viewCard :title="this.$store.state.title">
    <div class="table-position">
      <dv-scroll-board :config="config" class="table" />
    </div>
  </viewCard>
</template>

<script>
export default {
  name: "schoolTable",
  watch:{
    '$store.state.config.data':{
      handler:function (newVal,oldVal){
        this.config.data = newVal
        this.config = {...this.config}
      },
      deep: true
    },
    '$store.state.config.header':{
      handler:function (newVal,oldVal){
        this.config.header = newVal
        this.config = {...this.config}
      },
      deep: true
    }
  },
  data(){
    return{
      config: this.$store.state.config
    }
  }
}
</script>

<style scoped>

</style>
